<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--[if lt IE 9]><!-->
		<script src="http://code.jquery.com/jquery-1.11.3.min.js "></script>
		<!--<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
		<!--<![endif]-->
		<script>
			$(document).ready(function() {
				$("div p").first().css("background-color", "yellow");
				 $("div p").last().css("background-color","pink");
				$("p").click(function() {
					if($("p").parent().is("div")) {
						alert("p 的父元素是 div");
					}
				});
			});
		</script>
	</head>

	<body>
		<h1>欢迎来到我的主页</h1>
		<div style="border:1px solid black">
			<p>点我查看父元素是否是 div。</p>
			<p>点我查看父元素是否是 div。</p>
		</div><br>
		<div style="border:1px solid black">
			<p>这是另一个div中的一个段落。</p>
			<p>这是另一个div中的一个段落。</p>
		</div>
		<p>这也是一个段落。</p>
	</body>

</html>